<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>企汇网-建网站</title>
    <link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
    <link rel="stylesheet" href="css/style.css">
</head>

<body>
    <!-- 顶部导航 -->
    <div class="top">
        <div class="container">
            <div class="top-left">
                <div class="mobile-site">
                    <a href="#" class="mobile">
                        <i class="iconfont"></i>手机站<i class="iconfont arrow"></i>
                    </a>
                    <div class="code-list">
                        <div class="item">
                            <img src="./img/oneCode.jpg" width="122" height="122">
                            <p>手机站</p>
                        </div>
                        <div class="item">
                            <img src="./img/xiaochengxu.jpg" width="122" height="122">
                            <p>小程序</p>
                        </div>
                    </div>
                </div>
                <span class="welcome">欢迎来到企汇网</span>
                <a class="login" href="#">
                    <i class="iconfont"></i>登录
                </a>
                <a class="register" href="#">免费注册</a>
            </div>

            <div class="top-right">
                <a href="#">企汇网首页</a>
                <!-- 收藏夹 -->
                <div class="box">
                    <a href="#">&nbsp;收藏夹&nbsp;<i class="iconfont arrow"></i></a>
                    <div class="lists">
                        <a href="#">收藏的产品</a>
                        <a href="#">收藏的店铺</a>
                    </div>
                </div>
                <!-- 我是采购商 -->
                <div class="box">
                    <a href="#">我是采购商<i class="iconfont arrow"></i></a>
                    <div class="lists">
                        <a href="#">采购商中心</a>
                        <a href="#">发布采购单</a>
                        <a href="#">采购管理</a>
                    </div>
                </div>
                <!--我是供应商-->
                <div class="box">
                    <a href="#">我是供应商<i class="iconfont arrow"></i></a>
                    <div class="lists">
                        <a href="#">供应商中心</a>
                        <a href="#">发布产品</a>
                        <a href="#">产品管理</a>
                        <a href="#">店铺管理</a>
                    </div>
                </div>
                <a href="#">企汇管家</a>
                <!--企汇服务-->
                <div class="box">
                    <a href="#">企汇服务<i class="iconfont arrow"></i></a>
                    <div class="lists fuwuNav">
                        <dl>
                            <dt>热门服务</dt>
                            <dd><a href="#">标王</a></dd>
                            <dd><a href="#">黄金展位</a></dd>
                            <dd><a href="#">热门推荐广告位</a></dd>
                            <dd><a href="#">图片空间</a></dd>
                            <dd><a href="#">信息包</a></dd>
                            <dd><a href="#">企汇金铺</a></dd>
                            <dd><a href="#">金铺装修</a></dd>
                            <dd><a href="#">更多服务</a></dd>
                        </dl>
                    </div>
                </div>
                <!--客服中心-->
                <div class="box">
                    <a href="#">&nbsp;客服中心&nbsp;<i class="iconfont arrow"></i></a>
                    <div class="lists">
                        <a href="#">常见问题</a>
                        <a href="javascript:;" class="qqChat">在线客服</a>
                    </div>
                </div>
                <!--网站导航-->
                <div class="box">
                    <a href="#"><i class="iconfont red"></i>网站导航<i class="iconfont arrow"></i></a>
                    <div class="lists dorpNav">
                        <dl>
                            <dt>特色服务</dt>
                            <dd><a href="#">首页</a></dd>
                            <dd><a href="#">资讯</a></dd>
                            <dd><a href="#">展会</a></dd>
                            <dd><a href="#">企汇管家</a></dd>
                            <dd><a href="#">企汇云信</a></dd>
                            <dd><a href="#">天梯建站</a></dd>
                            <dd><a href="#">企业库</a></dd>
                            <dd><a href="#">产品库</a></dd>
                            <dd><a href="#">郑州站</a></dd>
                            <dd><a href="#">平顶山站</a></dd>
                            <dd><a href="#">手机站</a></dd>
                            <dd><a href="#">搜索</a></dd>
                            <dd><a href="#">企汇软文通</a></dd>
                            <dd><a href="#">百度爱采购</a></dd>
                            <dd><a href="#">小程序</a></dd>
                            <dd><a href="#">企业直通车</a></dd>
                        </dl>
                        <dl>
                            <dt>采购服务</dt>
                            <dd><a href="#">采购中心</a></dd>
                            <dd><a href="#">发布采购单</a></dd>
                        </dl>
                        <dl>
                            <dt>行业市场</dt>
                            <dd><a href="#">建材频道 </a></dd>
                            <dd><a href="#">机械频道</a></dd>
                            <dd><a href="#">农林频道</a></dd>
                        </dl>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- 头部搜索 -->
    <div class="header">
        <div class="container clearfix">
            <div class="logo"><a href="#">企汇网</a></div>
            <div class="logo-tip">
                建网站，发信息，做推广，就上企汇网
            </div>
            <div class="search clearfix">
                <div class="box clearfix">
                    <div class="type clearfix">
                        <div class="name">产品</div>
                        <i class="iconfont arrow"></i>
                    </div>
                    <input type="text" class="search-key" placeholder="请输入产品名称">
                    <button class="btn-search">
                        <i class="iconfont"></i>
                    </button>
                </div>
                <a href="#" class="buy">
                    <i class="iconfont"></i>
                    发布采购单
                </a>
            </div>
            <div class="app">
                <h2>企汇网手机站</h2>
                <div class="code">
                    <img src="./img/Appdown.jpg" alt="">
                </div>
            </div>
        </div>
    </div>

    <!-- 导航 -->
    <div class="nav">
        <div class="container">
            <ul class="clearfix">
                <li class="title">
                    <i class="iconfont"></i>所有分类
                </li>
                <li><a href="#">采购中心</a></li>
                <li><a href="#" class="hot_nav">爱采购</a></li>
                <li><a href="#" class="hot_nav">小程序</a></li>
                <li><a href="#">活动汇</a></li>
                <li><a href="#">资讯</a></li>
                <li><a href="#">展会</a></li>
                <li><a href="#">郑州站</a></li>
                <li><a href="#">平顶山站</a></li>
                <li><a href="#">企汇管家</a></li>
                <li><a href="#">企汇云信</a></li>
            </ul>
        </div>
    </div>

    <!-- 侧分类导航及轮播 -->
    <div class="side-nav">
        <div class="container">
            <!-- 分类导航 -->
            <div class="categories">
                <ul class="nav">
                    <li class="item">
                        <!-- 主导航标题 -->
                        <a href="#" class="title">
                            <i class="iconfont nav-icon"></i>机械/设备/模具
                        </a>
                        <!-- 二级导航列表，重复的复制即可 -->
                        <div class="list">
                            <div class="sub-items">
                                <dl>
                                    <dt>风机、排风设</dt>
                                    <dd>
                                        <a href="#">通风机</a>
                                        <a href="#">离子风机</a>
                                        <a href="#">鼓风机</a>
                                        <a href="#">工业风扇</a>
                                        <a href="#">风机盘管</a>
                                        <a href="#">风幕机</a>
                                        <a href="#">离子风机</a>
                                        <a href="#">工业风扇</a>
                                        <a href="#">风叶</a>
                                        <a href="#">风机盘管</a>
                                    </dd>
                                </dl>

                                <dl>
                                    <dt>风机、排风设</dt>
                                    <dd>
                                        <a href="#">通风机</a>
                                        <a href="#">离子风机</a>
                                        <a href="#">鼓风机</a>
                                        <a href="#">工业风扇</a>
                                        <a href="#">风机盘管</a>
                                        <a href="#">风幕机</a>
                                        <a href="#">离子风机</a>
                                        <a href="#">工业风扇</a>
                                        <a href="#">风叶</a>
                                        <a href="#">风机盘管</a>
                                    </dd>
                                </dl>

                                <dl>
                                    <dt>风机、排风设</dt>
                                    <dd>
                                        <a href="#">通风机</a>
                                        <a href="#">离子风机</a>
                                        <a href="#">鼓风机</a>
                                        <a href="#">工业风扇</a>
                                        <a href="#">风机盘管</a>
                                        <a href="#">风幕机</a>
                                        <a href="#">离子风机</a>
                                        <a href="#">工业风扇</a>
                                        <a href="#">风叶</a>
                                        <a href="#">风机盘管</a>
                                    </dd>
                                </dl>
                            </div>

                            <div class="right-items">
                                <p class="brands">
                                    <a href="#">
                                        <img src="./img/company.jpg" alt="太原市晋源区晋华光矿山设备经营部">
                                    </a>
                                    <a href="#">
                                        <img src="./img/company.jpg" alt="太原市晋源区晋华光矿山设备经营部">
                                    </a>
                                    <a href="#">
                                        <img src="./img/company.jpg" alt="太原市晋源区晋华光矿山设备经营部">
                                    </a>
                                    <a href="#">
                                        <img src="./img/company.jpg" alt="太原市晋源区晋华光矿山设备经营部">
                                    </a>
                                    <a href="#">
                                        <img src="./img/company.jpg" alt="太原市晋源区晋华光矿山设备经营部">
                                    </a>
                                    <a href="#">
                                        <img src="./img/company.jpg" alt="太原市晋源区晋华光矿山设备经营部">
                                    </a>
                                    <a href="#">
                                        <img src="./img/company.jpg" alt="太原市晋源区晋华光矿山设备经营部">
                                    </a>
                                    <a href="#">
                                        <img src="./img/company.jpg" alt="太原市晋源区晋华光矿山设备经营部">
                                    </a>
                                </p>
                                <a class="promotions" href="#">
                                    <img src="./img/product.jpg" alt="圆筒裹包机">
                                </a>
                            </div>
                        </div>
                    </li>
                    <li class="item">
                        <a href="#" class="title">
                            <i class="iconfont nav-icon"></i>农作物/花卉/禽畜
                        </a>
                        <!-- 二级导航列表，重复的复制即可 -->
                        <div class="list">
                            <div class="sub-items">
                                <dl>
                                    <dt>粮食</dt>
                                    <dd>
                                        <a href="#">玉米</a>
                                        <a href="#">离子风机</a>
                                        <a href="#">鼓风机</a>
                                        <a href="#">工业风扇</a>
                                        <a href="#">风机盘管</a>
                                        <a href="#">风幕机</a>
                                        <a href="#">离子风机</a>
                                        <a href="#">工业风扇</a>
                                        <a href="#">风叶</a>
                                        <a href="#">风机盘管</a>
                                    </dd>
                                </dl>

                                <dl>
                                    <dt>风机、排风设</dt>
                                    <dd>
                                        <a href="#">通风机</a>
                                        <a href="#">离子风机</a>
                                        <a href="#">鼓风机</a>
                                        <a href="#">工业风扇</a>
                                        <a href="#">风机盘管</a>
                                        <a href="#">风幕机</a>
                                        <a href="#">离子风机</a>
                                        <a href="#">工业风扇</a>
                                        <a href="#">风叶</a>
                                        <a href="#">风机盘管</a>
                                    </dd>
                                </dl>

                                <dl>
                                    <dt>风机、排风设</dt>
                                    <dd>
                                        <a href="#">通风机</a>
                                        <a href="#">离子风机</a>
                                        <a href="#">鼓风机</a>
                                        <a href="#">工业风扇</a>
                                        <a href="#">风机盘管</a>
                                        <a href="#">风幕机</a>
                                        <a href="#">离子风机</a>
                                        <a href="#">工业风扇</a>
                                        <a href="#">风叶</a>
                                        <a href="#">风机盘管</a>
                                    </dd>
                                </dl>
                            </div>

                            <div class="right-items">
                                <p class="brands">
                                    <a href="#">
                                        <img src="./img/company.jpg" alt="太原市晋源区晋华光矿山设备经营部">
                                    </a>
                                    <a href="#">
                                        <img src="./img/company.jpg" alt="太原市晋源区晋华光矿山设备经营部">
                                    </a>
                                    <a href="#">
                                        <img src="./img/company.jpg" alt="太原市晋源区晋华光矿山设备经营部">
                                    </a>
                                    <a href="#">
                                        <img src="./img/company.jpg" alt="太原市晋源区晋华光矿山设备经营部">
                                    </a>
                                    <a href="#">
                                        <img src="./img/company.jpg" alt="太原市晋源区晋华光矿山设备经营部">
                                    </a>
                                    <a href="#">
                                        <img src="./img/company.jpg" alt="太原市晋源区晋华光矿山设备经营部">
                                    </a>
                                    <a href="#">
                                        <img src="./img/company.jpg" alt="太原市晋源区晋华光矿山设备经营部">
                                    </a>
                                    <a href="#">
                                        <img src="./img/company.jpg" alt="太原市晋源区晋华光矿山设备经营部">
                                    </a>
                                </p>
                                <a class="promotions" href="#">
                                    <img src="./img/product.jpg" alt="圆筒裹包机">
                                </a>
                            </div>
                        </div>
                    </li>
                </ul>
            </div>
            <!-- 轮播 -->
            <div class="sliders">
                <div class="box">
                    <ul class="imgs">
                        <li><a href="#"><img src="./img/1.jpg"></a></li>
                        <li><a href="#"><img src="./img/2.jpg"></a></li>
                        <li><a href="#"><img src="./img/3.jpg"></a></li>
                        <li><a href="#"><img src="./img/4.jpg"></a></li>
                        <li><a href="#"><img src="./img/5.jpg"></a></li>
                    </ul>
                    <div class="pager">
                        <i>1</i>
                        <i>2</i>
                        <i>3</i>
                        <i class="on">4</i>
                        <i>5</i>
                    </div>
                </div>
                <div class="products">
                    <a href="#">
                        <img src="./img/p1.jpg" alt="清洗清理设备">
                        <div class="picFont">
                            <h4>清洗清理设备</h4><span>超声波清洗机</span>
                        </div>
                    </a>
                    <a href="#">
                        <img src="./img/p2.jpg" alt="清洗清理设备">
                        <div class="picFont">
                            <h4>清洗清理设备</h4><span>超声波清洗机</span>
                        </div>
                    </a>
                    <a href="#">
                        <img src="./img/p3.jpg" alt="清洗清理设备">
                        <div class="picFont">
                            <h4>清洗清理设备</h4><span>超声波清洗机</span>
                        </div>
                    </a>
                    <a href="#">
                        <img src="./img/p4.jpg" alt="清洗清理设备">
                        <div class="picFont">
                            <h4>清洗清理设备</h4><span>超声波清洗机</span>
                        </div>
                    </a>
                </div>
            </div>
            <!-- 登录 -->
            <div class="login">
                <div class="box">
                    <div class="login-info">
                        <div class="user-logo">
                            <a href="#">
                                <img src="./img/idImg.gif">
                            </a>
                        </div>
                        <div class="login-name">
                            欢迎来到企汇网！
                            <p class="tel"><i class="iconfont"></i><em>400-6677-369</em></p>
                        </div>
                    </div>
                    <div class="login-register">
                        <a href="#"><i class="iconfont"></i>登录</a>
                        <a href="#"><i class="iconfont"></i>注册</a>
                    </div>
                </div>

                <div class="tabs">
                    <div class="titles">
                        <a class="on" href="javascript:;">公告</a>
                        <a href="javascript:;">规则</a>
                        <a href="javascript:;">供应商入门</a>
                        <a href="javascript:;">采购商入门</a>
                    </div>
                    <div class="contents">
                        <!--公告-->
                        <ul>
                            <li>
                                <a href="#">
                                    <em>[公告]</em>
                                    关于产品服务器机柜硬件故障排查升级的通知
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <em>[公告]</em>
                                    关于产品服务器机柜硬件故障排查升级的通知
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <em>[公告]</em>
                                    关于产品服务器机柜硬件故障排查升级的通知
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <em>[公告]</em>
                                    关于产品服务器机柜硬件故障排查升级的通知
                                </a>
                            </li>
                        </ul>
                        <!-- 规则等不显示，将来用js控制显示和隐藏 -->
                        <ul>
                            <li>
                                <a href="#">
                                    <em>[公告]</em>
                                    关于产品服务器机柜硬件故障排查升级的通知
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <em>[公告]</em>
                                    关于产品服务器机柜硬件故障排查升级的通知
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <em>[公告]</em>
                                    关于产品服务器机柜硬件故障排查升级的通知
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <em>[公告]</em>
                                    关于产品服务器机柜硬件故障排查升级的通知
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>

                <dl class="data">
                    <dt></dt>
                    <dd>
                        <p>今日新增产品数</p>
                        <em><a href="#">65959</a></em>
                    </dd>
                    <dd>
                        <p>今日新增采购数</p>
                        <em><a href="#">10</a></em>
                    </dd>
                </dl>
            </div>
        </div>
    </div>

    <!-- 特色服务 -->
    <div class="spec">
        <div class="container clearfix">
            <div class="spec-left">
                <h2><em>特色</em>服务<i class="line"></i></h2>
                <ul>
                    <li><a href="#">企汇金铺</a></li>
                    <li><a href="#">金铺装修</a></li>
                    <li><a href="#">短信套餐</a></li>
                    <li><a href="#">企汇软文通</a></li>
                    <li><a href="#">标王</a></li>
                    <li><a href="#">黄金展位</a></li>
                    <li><a href="#">企汇管家</a></li>
                    <li><a href="#">企汇管家白银版</a></li>
                    <li><a href="#">企汇管家黄金版</a></li>
                    <li><a href="#">小程序</a></li>
                </ul>
            </div>

            <div class="spec-right">
                <h2><em>特色</em>服务<i class="line"></i></h2>
                <ul>
                    <li><a href="#">企汇金铺</a></li>
                    <li><a href="#">金铺装修</a></li>
                    <li><a href="#">短信套餐</a></li>
                    <li><a href="#">企汇软文通</a></li>
                    <li><a href="#">标王</a></li>
                    <li><a href="#">黄金展位</a></li>
                    <li><a href="#">企汇管家</a></li>
                    <li><a href="#">企汇管家白银版</a></li>
                    <li><a href="#">企汇管家黄金版</a></li>
                    <li><a href="#">小程序</a></li>
                </ul>
            </div>
        </div>
    </div>

    <!-- 广告1 -->
    <div class="ad">
        <div class="container">
            <a href="#">
                <img src="./img/h5.jpg" alt="天梯小程序">
            </a>
        </div>
    </div>

    <!-- 各产品楼层 -->
    <div class="floor">
        <div class="container">
            <div class="top">
                <h2><em>1F</em>机械设备</h2>
                <!--今日活动-->
                <div class="activity">
                    <i class="iconfont"></i>今日活动：
                    <a href="#">VIP商机群</a>
                </div>
                <!--热门搜索-->
                <div class="hot">
                    热门搜索：
                    <a href="#"><em>封口机械</em></a>
                    <a href="#"><em>制动器</em></a>
                    <a href="#"><em>吊钩</em></a>
                </div>
            </div>

            <div class="bottom clearfix">
                <div class="one">
                    <a href="#">
                        <img src="./img/a.jpg" alt="机械设备专场">
                        <div class="picFont">
                            <h4>机械设备专场</h4>
                            <p>制造好货，共享优品</p><span>点击进入</span>
                        </div>
                    </a>
                </div>

                <ul class="two">
                    <li>
                        <h5>排风设备</h5>
                        <a href="#">通风机</a>
                        <a href="#">鼓风机</a>
                        <a href="#">工业风扇</a>
                        <a href="#">风机、排风设备配件</a>
                    </li>
                    <li>
                        <h5>排风设备</h5>
                        <a href="#">通风机</a>
                        <a href="#">鼓风机</a>
                        <a href="#">工业风扇</a>
                        <a href="#">风机、排风设备配件</a>
                    </li>
                    <li>
                        <h5>排风设备</h5>
                        <a href="#">通风机</a>
                        <a href="#">鼓风机</a>
                        <a href="#">工业风扇</a>
                        <a href="#">风机、排风设备配件</a>
                    </li>
                    <li>
                        <h5>排风设备</h5>
                        <a href="#">通风机</a>
                        <a href="#">鼓风机</a>
                        <a href="#">工业风扇</a>
                        <a href="#">风机、排风设备配件</a>
                    </li>
                    <li>
                        <h5>排风设备</h5>
                        <a href="#">通风机</a>
                        <a href="#">鼓风机</a>
                        <a href="#">工业风扇</a>
                        <a href="#">风机、排风设备配件</a>
                    </li>
                    <li>
                        <h5>排风设备</h5>
                        <a href="#">通风机</a>
                        <a href="#">鼓风机</a>
                        <a href="#">工业风扇</a>
                        <a href="#">风机、排风设备配件</a>
                    </li>
                    <li>
                        <h5>排风设备</h5>
                        <a href="#">通风机</a>
                        <a href="#">鼓风机</a>
                        <a href="#">工业风扇</a>
                        <a href="#">风机、排风设备配件</a>
                    </li>
                    <li>
                        <h5>排风设备</h5>
                        <a href="#">通风机</a>
                        <a href="#">鼓风机</a>
                        <a href="#">工业风扇</a>
                        <a href="#">风机、排风设备配件</a>
                    </li>
                </ul>

                <ul class="three">
                    <li>
                        <a href="#" title="整平机">
                            <img src="./img/b.jpg" alt="整平机">
                            <div class="picFont">
                                <h4>地面整平机</h4><span>整平机</span>
                            </div>
                        </a>
                    </li>
                    <li>
                        <a href="#" title="整平机">
                            <img src="./img/b.jpg" alt="整平机">
                            <div class="picFont">
                                <h4>地面整平机</h4><span>整平机</span>
                            </div>
                        </a>
                    </li>
                    <li class="big">
                        <a href="#" title="整平机">
                            <img src="./img/big.jpg" alt="整平机">
                            <div class="picFont">
                                <h4>地面整平机</h4><span>整平机</span>
                            </div>
                        </a>
                    </li>
                </ul>

                <div class="four">
                    <h3 class="title"><a href="#">曲阜市都用输送机械厂</a></h3>
                    <div class="content">
                        <span>经营范围</span>皮带输送机,斗式提升机,螺旋提升机
                    </div>
                    <div class="phone">
                        <span>联系电话</span> 15562358278
                    </div>
                    <ul class="companies">
                        <li><a href="#">郑州赛格机械设备有限公司</a></li>
                        <li><a href="#">郑州赛格机械设备有限公司</a></li>
                        <li><a href="#">郑州赛格机械设备有限公司</a></li>
                        <li><a href="#">郑州赛格机械设备有限公司</a></li>
                        <li><a href="#">郑州赛格机械设备有限公司</a></li>
                        <li><a href="#">郑州赛格机械设备有限公司</a></li>
                    </ul>
                    <ul class="products">
                        <li><a href="#"><img src="./img/pp.jpg"></a></li>
                        <li><a href="#"><img src="./img/pp.jpg"></a></li>
                        <li><a href="#"><img src="./img/pp.jpg"></a></li>
                        <li><a href="#"><img src="./img/pp.jpg"></a></li>
                    </ul>

                </div>

            </div>


        </div>
    </div>

</body>

</html>